<!DOCTYPE html>
<html>
    <head>
        <title>Olimpiadas - Inicio</title>
        <!-- Bootstrap -->
        <link href="../assets/css/bootstrap.css" rel="stylesheet">
        <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="../assets/css/docs.css" rel="stylesheet">
        <link href="../assets/js/google-code-prettify/prettify.css" rel="stylesheet">
    </head>
    <body onload="listado_categoria()">

        <!--Barra de navegación-->      
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="../vista/iniciar_sesion.html">Iniciar Sesi&oacute;n</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="../vista/index.html">Inicio</a></li>
                            <li><a href="#about">Acerca de</a></li>
                            <li><a href="../vista/contacto.html">Contacto</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <!--Sub head-->
        <header class="jumbotron subhead">
            <div class="container">
                <h1>Olimpiadas</h1>
                <p class="lead">[Titulo generico aqui]
            </div>
        </header>

        <div class="container-fluid">
            <!--Columnas-->
            <div class="row-fluid">
                <div class="span2">
                    <div class="well sidebar-nav">
                        <ul class="nav nav-list">                            
                            <li class="dropdown-submenu nav-header">Olimpiadas
                                <ul id="drop_categoria" class="dropdown-menu well pull-right">
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Escuelas
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/buscar_escuela.html" onclick="">B&uacute;squeda</a></li>
                                    <li><a href="../vista/listado_escuela.html">Listado</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Voluntarios
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/listado_voluntario.html">Grupos</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Organizadores
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/listado_organizador.html">Grupos</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Patrocinantes
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/listado_patrocinio.html">Listado</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Archivos
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/archivos_categoria.html">Categor&iacute;a</a></li>
                                    <li><a href="../vista/archivos_anual.html">A&ntilde;o</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!--/.well -->
                </div><!--/span-->
                <div class="span4" id="contacto">
                    </br>
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Contacto</th>                                
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Persona uno</br>
                                    cargo</br>
                                    <a href="mailto:correo@gmail.com">correo@gmail.com</a>
                                </td>                                
                            </tr>
                            <tr>
                                <td>Persona dos</br>
                                    cargo</br>
                                    <a href="mailto:correo@gmail.com">correo@gmail.com</a>
                                </td>                                
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <hr>

            <footer>
                <p>&copy; Company 2012</p>
            </footer>

        </div>

        <!---<h1>Hello, world!</h1>-->
        <script src="../assets/js/bootstrap.min.js"></script>
        <script src="../assets/js/jquery-1.8.2.js"></script>      
        <script src="../assets/js/bootstrap-transition.js"></script>
        <script src="../assets/js/bootstrap-alert.js"></script>
        <script src="../assets/js/bootstrap-modal.js"></script>
        <script src="../assets/js/bootstrap-dropdown.js"></script>
        <script src="../assets/js/bootstrap-scrollspy.js"></script>
        <script src="../assets/js/bootstrap-tab.js"></script>
        <script src="../assets/js/bootstrap-tooltip.js"></script>
        <script src="../assets/js/bootstrap-popover.js"></script>
        <script src="../assets/js/bootstrap-button.js"></script>
        <script src="../assets/js/bootstrap-collapse.js"></script>
        <script src="../assets/js/bootstrap-carousel.js"></script>
        <script src="../assets/js/bootstrap-typeahead.js"></script>

        <script src="../assets/js/listado_categoria.js" type="text/javascript"></script>
        <script src="../assets/js/olimpiada_info.js" type="text/javascript"></script>        

    </body>
</html>